<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<%@include file="/resources/components/baseIncl/base/css.inc"%>
<%@include file="/resources/components/baseIncl/base/js.inc"%>
</head>
<body>
	<div id="wrapper">
		<div id="Heading3">Amphora Prices<span class="right"><a href="/amphora_home.jsp"><i class="fa fa-mail-reply"></i></a></span></div>
		<div id="content">
			<div id="options">	
			  <c:forEach var="c" items="${categories}">
			  	<table>
			  		<tr>
			  			<td class="trHeading" colspan="2"><c:out value="${c.name}"></c:out> </td>
			  		</tr>
			  		<%int count = 0; %>
		    		<c:forEach var="tt" items="${treatment}">
		    			<%count++; %>
		    			<c:if test="${tt.category.id == c.id}">
			    		<%if(count%2==0){ %>
			    		<tr class="evenRow">
			    		<%}else{ %>
			    		<tr class="oddRow">
			    		<%} %>
			    			<td colspan="2" class="space1">
			    				<strong>
			    					<c:out value="${tt.name}"></c:out>
				                	<c:out value="${tt.description}"></c:out><br>
				                	R<c:out value="${tt.price}"></c:out><br>
				                	<c:out value="${tt.treatmentDuration}"></c:out> minutes
				                </strong>
			    			</td>
			    		</tr>
		    			</c:if>
		    		</c:forEach>
		    	</table>
			  </c:forEach>
			</div>	
		</div>
		<div></div>
	</div>		
</body>
</html>

